@mixin locate($top,$left){
    margin-top:unquote(($top/60)+"em");
    margin-left:unquote((($left - 360+20)/60)+"em");  
}
//pc-media-slide

.p-slide[data-theme='theme-3']  .next{
	position: absolute;
	background-image: url("https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-30.png");
	background-repeat: no-repeat;
	background-color: transparent;
	top: 14em;
	right: 10%
}
.p-slide[data-theme='theme-3'] .pre{
	position: absolute;
	background-image: url("https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-29.png");
	background-repeat: no-repeat;
	background-color: transparent;
	top: 14em;
	left: 80%
}
.media-Slide.p-slide{
	height: 16em;
}

//common-css

.common-line.p-line{
	width: 0.467em;	
	margin-left: 0.41em;
	margin-top: 1.867em;
	.p-line-wrap{
		border-top: 0.033em solid #fcfcfc;
	}
}
.common-text1{	
	width: auto;
	font-family: MicrosoftYaHei;
	color: #f79077;
	.p-text-wrap{
		font-size: 22px;
	}
	margin-top: 0.6em;
	margin-left: 0.41em
}
.common-text2{
	width: auto;
	font-family: Helvetica;
	color: #7e7e7e;
	.p-text-wrap{
		font-size: 16px;
	}
	margin-top: 0.183em;
	margin-left: 0.41em
}
.advertise-header{
	background: #121212;
}
.p-header-logo{
	width: 1.483em;
	height: 0.35em;
	@include locate(78,361 )
}
.advertise-nav{
	height: 0.8em;
	width: 11em;
	margin-top:1em;
	margin-left: 6.5em
}

//section-1

.p-head-img-text1 {
	width: auto;
	font-family: Arial-Black;
	color: #fefcfb;
	.p-text-wrap{
		font-size: 50px;
	}
	margin-top: 4em;
}
.p-head-img-text2{
	width: auto;
    color: #fefcfb;
	margin-top:0.5em;
	margin-left: 0.8em;
	.p-text-wrap{
		font-size: 50px;	
	}
	margin-top: 0.7em;
}
.p-head-img1{
	width: 0.75em;
	height: 0.25em;
	margin-top: 1.233em;
	margin-left: 1.15em
}
.p-head-img-text3{
	width: 8.35em;
	height: 2.183em;
	font-family: Arial-Black;
	.p-text-wrap{
		font-size: 12px;
	}
	color: #fefcfb;
	line-height: 20px;
	margin-top: 2.367em
}
.p-head-line.p-line {
	width: 0.717em;
	margin-top: 1.183em
}
.p-head-line.p-line .p-line-wrap{
	border-top:  0.05em solid #fcfcfc;
}

//section-2-about us
#p-about{
	background: #1c1c1c;
	padding-bottom: 1.783em
}
.p-about-text3{
	// width: auto;
	font-family: MicrosoftYaHei;
	.p-text-wrap{
		font-size: 18px;
	}
	color: #fefefe;
	margin-left: 0.333em;
	margin-top: 1.583em
}
.p-about-text4{
	width: 10em;
	font-family: MicrosoftYaHei;
	.p-text-wrap{
		font-size: 14px;
	}
	color: #abaaaa;
	margin-left: 0.333em;
	margin-top: 0.1em
	
}
.p-about-text4-start{
	margin-top: 0.65em
}
.p-about-text5{
	width: auto;
	font-family: MicrosoftYaHei;
	.p-text-wrap{
		font-size: 14px;
	}
	color: #fefefe;
	margin-left: 0.333em;
	margin-top: 0.317em
}
.p-about-img{
	width: 8rem;
	height: 5.7rem;
	margin-left:1.2em;
}

//section-3-service

#p-service{
	background-color: #141313;
	padding-bottom: 1.817em
}
.p-service-img{
	width: 5.6em;
	height: 7.25em;
	margin-top:1.25em
}
.p-service-img-left{
	margin-left: 0.9em;
}
.p-margin1{
	margin-left: 0.9em;
}
.p-margin2,.p-margin3,.p-service-img-middle,.p-service-img-right{
	margin-left: 0.817em
}

.p-service-textbox{
	width: 5.6em;
	height: 2.833em;
	text-align: center;
	padding-bottom: 0.2em;
	margin-top:0.3em;
}
.p-service-textbox-text1{
	width: auto;
	font-family: MicrosoftYaHei;
	.p-text-wrap{
		font-size: 16px;
	}
	color: #fff9f8;
	margin-top: 0.3em
}
.p-service-textbox-text2{
	width: auto;
	.p-text-wrap{
		font-size: 12px
	}
	color: #a8a8a8;
	margin-top: 0.3em;
}

.p-service-text-bottom-left3,.p-service-text-bottom-middle3,.p-service-text-bottom-right3{
	margin-top: 0.08em
}

.p-margin1,.p-margin2,.p-margin3{
	position: relative;
	background-color: #212121;
}
.p-margin1::before,.p-margin2::before,.p-margin3::before{
    content: "";
    width: 0;  
    height: 0;  
    border: 10px solid transparent;  	
    border-bottom-color:#212121; 
    position: absolute;  
	left: 45%;    
   	margin-top: -20px
}
.p-service-box-img{
	width: 0.4em;
	height: 0.4em;
	margin: 0.283em auto
}

//section-4-work
#p-work{
	background: url(https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-14.jpg) ;
	background-position: center;
	background-size: cover;
	padding-bottom: 2em
}
.p-work-img_1{
	width: 4.6em;
	height: 5.967em;
	margin-top: 1.183em
}
.p-work-img_2{
	width: 4.6em;
	height: 5.967em;
	margin-top: 1.05em
}
.p-work-text_1,.p-work-text_2{
	font-family: MicrosoftYaHei;
	.p-text-wrap{
		font-size: 14px;
	}
	color: #ffffff;
	width: 2em
}

.p-work-img1,.p-work-img5{
	margin-left: 0.333em
}
.p-work-text_1,.p-work-text_2{
	margin-top: 0.317em
}
.p-work-text1,.p-work-text5{
	margin-left: 2.2em
}
.p-work-img2,.p-work-img3,.p-work-img4,
.p-work-img6,.p-work-img7,.p-work-img8{
	margin-left: 0.4em
}
.p-work-text2,.p-work-text3,.p-work-text4
,.p-work-text6,.p-work-text7,.p-work-text8{
	margin-left: 2.2em
}
.p-work-img_1,.p-work-img_2{
	border: solid 0.083em transparent;
}
.p-work-img_1:hover,.p-work-img_2:hover{
	border: solid 0.083em #f79077;
}

//media-imglist1
.media-imglist1{
	margin-top: 0.74em;
	width: auto;
}
.p-work-line.p-line{
	width: 0.292em;
	margin-top: 1.083em;
}
.p-work-text-top1{
	margin-top: 0.31em;
}
.p-work-text-top2{
	margin-top: 0.11em
}
.media-imglist1 .img-item .item-img{
	height: 3.729em;
}
.media-imglist1 .img-item .item-txt1{
	color: #ffffff;
	.p-text-wrap{
		font-size: 14px;
	}
	text-align: center	
}

//section-5-team
#p-team{
	background: #1c1c1c;
	padding-bottom: 1.5em
}
.p-team-bottom-text{
	width: auto;
	font-family: MicrosoftYaHei;
	.p-text-wrap{
		font-size: 16px;
	}
	color: #fefcfc;
	margin-top: 0.5em
}
.p-team-middle-img{
	width: 4.483em;
	height: 5.983em;
	margin-top: -2.067em;
	margin-left: 0.7em
}
.p-team-middle-text1{
	width: auto;
	font-family: MicrosoftYaHei;
	.p-text-wrap{
		font-size: 18px;
	}
	color: #f79077;
	margin-top: 2.067em;	 
	margin-left:6.25em
}
.p-team-middle-text2{
	font-family: MicrosoftYaHei;
	.p-text-wrap{
		font-size: 14px;
	}
	color: #969696;
	margin-left:6.25em;
	margin-top: 0.2em 
}
.p-team-middle-text3{
	width: 12.7em;
	font-family: MicrosoftYaHei;
	.p-text-wrap{
		font-size: 14px;
	}
	line-height:20px;
	color: #969696;
	margin-left:0.9em;
	margin-top: 0.65em;
}
.p-team-middle-text4{
	@extend .p-team-middle-text3;
	margin-top: 0.3em;
}
.p-team-middle-box{
	width: 20.033em;
	height: 4.167em;
	background: #282827;
	margin-top: 0.5em;
	padding-bottom: 0.483em;
	margin-left: 0.333em
}
.p-team-bottom-img1,.p-team-bottom-img2,.p-team-bottom-img3{
	width: 2em;
	height: 2em;
	border-radius: 1em;
	margin-top: 1.683em
}
.p-team-bottom-img{
	border-radius: 50%
}
.p-team-bottom-img1:hover,.p-team-bottom-img2:hover,.p-team-bottom-img3:hover{
	border: 0.05em solid #f79077
}
.p-team-bottom-img1{
	margin-left: 2.9em
}
.p-team-bottom-img2,.p-team-bottom-img3{
	margin-left: 4.4em
}

.p-team-bottom-text1{
	margin-left: 2.6em
}
.p-team-bottom-text2{
	margin-left:4.45em
}
.p-team-bottom-text3{
	margin-left:4.333em
}
.p-team-bottom-text1_1{
	margin-left: 0.1em
}
.p-team-bottom-text1_2{
	margin-left: 0.1em
}
.p-team-bottom-text4,.p-team-bottom-text5,.p-team-bottom-text6{
	width: auto;
	font-family: MicrosoftYaHei;
	.p-text-wrap{
		font-size: 14px;
	}
	margin-top: 0.233em;
	color: #969696;
}
.p-team-bottom-text4{
	margin-left: 3em;
}
.p-team-bottom-text5{
	margin-left: 4.94em
}
.p-team-bottom-text6{
	margin-left: 5em
}

//section-contact 
#p-contact{
	padding-bottom: 1.667em;
	background-color: #141414;
}
.p-contact-text1{
	font-family: Arial-BoldMT;	
	.p-text-wrap{
		font-size: 60px;
	}
	color: #cccccc;
	width: 100%;
	text-align: center;
	margin-top: 1.6em
}
.p-line.p-contact-line {
	width: 2.828em;
	transform: rotate(130deg);
	margin-left: 8.5em;
	margin-top: -0.7em;
	.p-line-wrap{
		border-top:0.13em solid #f79077;
	}
}
.p-contact-text2{
	position: relative;
	font-family: MicrosoftYaHei;
	.p-text-wrap{
		font-size: 22px;
	};
	color: #ffffff;
	width: 100%;
	text-align: center;
	margin-top: 0.5em;
	z-index: 100
}
.p-contact-img1{
	width: 5em;
	height: 2.5em;
	margin: 1.2em auto
}
.p-contac-box1{
	width: 2.5em;
	border: solid 0.017em #ffffff;
	padding-bottom: 0.65em;
	margin-top: 1.2em;
	text-align: center
}
.p-contact-text3{
	width: auto;
	font-family: MicrosoftYaHei;
	.p-text-wrap{
		font-size: 16px;
	}
	color: #ffffff;
	margin-top: 0.45em;
	margin-left: 0;
	line-height:28px;
	// margin-left:0.533em
}
.p-contact-box2{
	width: 0.667em;
	height: 0.667em;
	background-color: #cccccc;
	border-radius: 50%;
	margin-top: 1.183em;
	margin-left: 9.2em;
	padding-bottom:0.15em;
}
.p-contact-box3{
	@extend .p-contact-box2;
	margin-left: 0.333em
}
.p-contact-img2{
	width: 0.333em;
	height: 0.367em;
	margin-top: 0.15em;
	margin-left: 0.15em
}
.p-contact-img3{
	width: 0.4em;
	height: 0.367em;
	margin-top: 0.15em;
	margin-left: 0.15em
}
.p-contact-text{
	font-family: MicrosoftYaHei;
	.p-text-wrap{
		font-size: 14px
	}
	color: #d0d0d0;
	width: 100%;
	text-align: center;
	margin-top: 0.217em
}
.p-contact-text4{
	margin-top: 0.7em
}
.p-contact-box2:hover{
	background-color: #f79077;
}
.advertise-foot{
	background: #1c1c1c;
	padding-bottom: -3em
}
.p-footer-text1 .p-text-wrap,.p-footer-text2 .p-text-wrap{
	font-size: 16px;
}
.p-footer-text1,.p-footer-text2{
	font-family: AdobeHeitiStd-Regular;
	color: #888888;
	margin-top: 1.533em;
}
.p-footer-text1{
	margin-left: 7.867em
}
.p-footer-text2{
	margin-left: -2.8em
}
@media screen and (max-width:991px){

	.p-team-bottom-text2{
		margin-left: 3em
	}
	.p-team-bottom-text5{
		margin-left: 3.8em
	}
	.p-team-bottom-text3{
		margin-left: 3em
	}
	.p-team-bottom-text6{
		margin-left: 3.8em
	}
}

@media screen and (max-width:767px){

	.advertise-nav{
		width: 2em;
		height: 2em;
		margin-top:0em;
		margin-left: 0em
	}
	//moible-slide
	.media-Slide.p-slide{
		height: 27em;
	}
	.common-text1,.common-text2{
		width: 100%;
		text-align: center;
		margin-left: 0
	}
	.p-header-logo{
		margin-top: 0.8em
	}
	.p-head-img-text1{
		.p-text-wrap{
			font-size:35px
		}
		margin-left: 1em
	}
	.p-head-img-text2{
		.p-text-wrap{
			font-size: 35px
		}
		margin-left: 5em
	}
	.p-head-img-text3{
		width: 18em;
		line-height: 16px;
		margin: 6em auto
	}
	.p-slide[data-theme='theme-3']  .next{
		top: 24em;
		right: 10%
	}

	.p-slide[data-theme='theme-3']  .pre{
		top: 24em;
		left: 65%
	}

	

	//section-2-about
	.p-about-text3{
		width: 100%;
		text-align: center;
		margin-left: 0
	}
	.p-about-text4{
		width: auto;
		margin:1em 16px
	}
	.p-about-text5{
		width: 100%;
		text-align: center;
		margin-left: 0;
		margin-top: 1.5em
	}
	.p-about-img{
		width: 18em;	
		height: 10em;
		margin: 1em auto;
	}
	//section-3-service
	.p-service-img{
		width: 18em;
		height: 8em;
		margin:1em auto 
	}
	.p-service-textbox {
		width: auto;
		margin:1em 1em
	}
	.p-service-box-img{
		width: 1em;
		height: 1em;
	}
	.p-service-text-bottom-left2,.p-service-text-bottom-middle2,.p-service-text-bottom-right2{
		margin-top: 0.5em
	}
	.p-service-textbox{
		height: 6em;
		padding-bottom: 0.6em
	}
	.p-service-textbox-text1 .p-text-wrap{
		margin-top: 0.4em
	}
	//section-4-work

	.p-work-img_1,.p-work-img_2{
		width: 8em;
		height: 10em;
	}
	.p-work-img1,.p-work-img3,.p-work-img5,
	.p-work-img7{
		margin-left: 1em
	}
	.p-work-img2,.p-work-img4,.p-work-img6,
	.p-work-img8{
		margin-left: 2em
	}
	.p-work-text_1,.p-work-text_2{
		width: 3.5em
	}
	.p-work-text1,.p-work-text3,.p-work-text5
	,.p-work-text7{
		margin-left: 4em
	}
	.p-work-text2,.p-work-text4,.p-work-text6
	,.p-work-text8{
		margin-left: 5em
	}
	.media-imglist1 .img-item .item-img{
		height: 10em;
	}

	//section-5-team
	
	.p-team-bottom-img{
		width: 3em;
		height: 3em;
	} 
	.p-team-bottom-img1{
		margin-left: 2.5em
	}
	.p-team-bottom-img2,.p-team-bottom-img3{
		margin-left:3.5em
	}
	.p-team-bottom-text1.p-text{
		margin-left: 3em;
	}
	.p-team-bottom-text2.p-text{
		margin-left: 5em;
	}
	.p-team-bottom-text3.p-text{
		margin-left:4.333em;
	}
	.p-team-bottom-text1_1{
		display: none
	}
	// .p-team-bottom-text1_2{
	// 	margin-left: 1.6em
	// }
	.p-team-bottom-text1_2-mobile.p-team-bottom-text1_2{
		margin-left: 1.6em;
	}
	.p-team-bottom-text1_2{
		margin-left: 2.6em
	}
	.p-team-bottom-text4{
		margin-left: 1.6em
	}
	.p-team-bottom-text5,.p-team-bottom-text6{
		margin-left: 1em
	}
	.p-team-bottom-text5{
		margin-left: 1.5em;
	}
	.p-team-middle-text1,.p-team-middle-text2{
		margin-left: 0;
		width: 100%;
		text-align: center
	}
	.p-team-middle-box{
		height: 20em;
		margin-top: 10em;
		margin-left: 0;
		width: 100%
	}
	.p-team-middle-text3{
		width: auto;
		margin:1em 1em 
	}
	.p-team-middle-img{
		width: 8em;
		height: 10em;
		margin: -8em auto
	}


	//section-contact
	.p-contact-text1{
		.p-text-wrap{
			font-size: 40px
		}
	}
	.p-contact-text2{
		.p-text-wrap{
			font-size: 20px
		}
	}
	.p-contact-line.p-line .p-line-wrap{
		width: 5em;
		border-top:0.3em solid #f79077;
		margin-top: -1.5em
	}
	.p-footer-text1{
		margin-left: 1em;
		width: auto;
	}
	.p-footer-text2{
		margin-left: 0.5em;
		width: auto
	}
	.p-contact-img1{
		width: 8em;
		height: 4em;
	}

	.common-line.p-line{
		width: 1em;
		margin:3em auto
	}
	.p-contact-box2, .p-contact-box3{
		width: 1.5em;
		height: 1.5em;
	}
	.p-contact-img2{
		width: 0.8em;
		height: 0.9em;
		margin: 0.3em auto
	}
	.p-contact-img3{
		width: 0.95em;
		height: 0.9em;
		margin: 0.3em auto
	}
}


